<template>
	<div>
	<div style="height: 50px;line-height: 50px;border-bottom: 2px solid coral;padding-left: 100px;">
		<b style="font-size: 24px;color: coral;">橙 糖 小 铺</b>
	</div>
	<br/>
	<!-- 导航栏 -->
	<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"
		background-color="#da7746" text-color="#fdfbf1" active-text-color="#2f170e"
	>
		<el-menu-item index="1" @click='$router.push("/")'>
			首页
		</el-menu-item>
	  <el-submenu index="2">
	    <template slot="title">
			个人中心
		</template>
		<el-menu-item index="2-1" @click='$router.push("/Personal")'>编辑资料</el-menu-item>
		<el-menu-item index="2-2" @click='$router.push("/UpdatePwd")'>修改密码</el-menu-item>
	  </el-submenu>
		<el-menu-item index="3" @click='$router.push("/ShopCart")'>
			购物车
		</el-menu-item>
		<el-menu-item index="4" @click='$router.push("/Orders")'>
			我的订单
		</el-menu-item>
		<el-menu-item index="5" @click="logout">
			退出登录
		</el-menu-item>
	</el-menu>
	</div>
</template>

<script>
export default{
	name:"Header",
	data(){
		return{
			activeIndex: '1',
			user:{},
		}
	},
	methods:{
		logout(){
			this.$VuexStore.commit("setToken", "");
			this.$router.push("/login");
		}
	}
	
}
</script>

<style>

</style>